<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script type="text/javascript">
	<!-- put your own js here-->
</script>
<style type="text/css">
<!-- put your own css here -->	

html {
    font-size: 100%;
}
body {
    background: none repeat scroll 0 0 #EEEEEE;
    color: #777777;
    font-size: 0.9em;
    margin: 30px auto;
    text-shadow: 1px 1px 0 #FFFFFF;
    width: 900px;
}
h1 {
    text-align: center;
}
#ul-summaries a {
    color: #FFFFFF;
    display: block;
    text-decoration: none;
    text-shadow: 0 0 0;
}
#ul-summaries {
    margin-top: 5em;
    padding-left: 0;
    text-align: center;
}
#ul-summaries > li, #ul-summaries > li li {
    background-color: #777777;
    background-image: -moz-linear-gradient(#AAAAAA, #888888 50%, #777777 50%, #999999);
    display: inline-block;
    padding: 6px 15px;
    position: relative;
    text-align: left;
    width: 110px;
}
#ul-summaries > li li {
    background: none repeat scroll 0 0 transparent;
}
#ul-summaries > li li a {
    color: #444444;
}
#ul-summaries > li li:hover {
    background: none repeat scroll 0 0 #EEEEEE;
}
#ul-summaries > li:first-child {
    border-radius: 8px 0 0 8px;
    border-right: 1px solid #777777;
}
#ul-summaries > li + li {
    border-left: 1px solid #AAAAAA;
    border-right: 1px solid #777777;
}
#ul-summaries > li:last-child {
    border-left: 1px solid #AAAAAA;
    border-radius: 0 8px 8px 0;
    border-right: 0 none;
}
#ul-summaries ul {
    -moz-transition: max-height 1s ease 0.3s;
    background-color: #DDDDDD;
    background-image: -moz-linear-gradient(#FFFFFF, #DDDDDD);
    border-radius: 0 0 8px 8px;
    left: 0;
    margin: 0;
    max-height: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: 2em;
}
#ul-summaries > li:hover {
    background-color: #999999;
    background-image: -moz-linear-gradient(#CCCCCC, #AAAAAA 50%, #999999 50%, #BBBBBB);
}
#ul-summaries > li:hover ul {
    max-height: 13em;
}
p {
    margin-top: 6em;
    text-align: center;
}

</style>
</head>
<body>
	<div id="div-sumaries">
		<ul id="ul-summaries"><!-- élément conteneur du menu -->
				<li><a href="#" onclick="javascript:sendRequest('/index?path=${key.url}')">Menu</a>
					<ul>
						<li><a href="#" onclick="javascript:sendRequest('/index?path=${summary.url}')">SS-Menu</a>
					</ul>
				</li>
		</ul>
	</div>
</br>
	
	<!-- div for users -->
	<div id="div-users" style="float: none;display: list-item;">
        <p>Hello ${administrator.firstName} ${administrator.lastName}! Welcome to this administration web site.</p>
	</div>
	
	
<html>
